<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>珊珊胎动计数器</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
    <div class="jumbotron">
        <h1 class="text-center">宝贝你好 ^_^</h1>
        <br>
        <p class="pull-left">
            <label class="btn btn-success start" for="start">
                <span>开启计数器</span>
            </label>
            <input hidden type="checkbox" checked id="start">
        </p>
        <p class="pull-right">
            <button disabled class="btn btn-primary updateRestTime">更新时间</button>
        </p>
    </div>
    <section class="countingBox">
        <div class="nowClock text-center">
            <h4>当前时间</h4>
            <p class="lead"></p>
        </div>
        <div class="restClock text-center">
            <h4>剩余时间</h4>
            <p class="lead"></p>
        </div>
        <h3 class="text-center center-block counting disabled">点击<br>计数</h3>
    </section>
    <section class="result text-right">
        <p>今天的胎动实测次数：<strong class="counterNum">0</strong></p>
        <p>计算结果：<strong class="estimateNum">0</strong></p>
    </section>
    <section class="chart-bar">
        <div id="chartBar"></div>
    </section>
    <!--
        <div>
            <input type="file" id="files" style="display:none" onchange="importer();"/>
        </div>
    -->
    <section>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">说明</h3>
            </div>
            <ol class="list-group">
                <li class="list-group-item">每天的最后一次计数会覆盖之前所有计数。</li>
                <li class="list-group-item">预估的当天胎动次数为实际计数乘以12的结果。</li>
                <li class="list-group-item">如果每天最后一次计数为0，即没有有效的点击次数，则不覆盖前面的</li>
            </ol>
        </div>
    </section>

    <script src="js/jquery-2.2.4.js"></script>
    <script src="js/echarts.min.js"></script>
    <!--<script src="FileSaver.js"></script>-->


    <script src="js/main.js"></script>
</div>
</body>
</html>
